﻿<UserControl x:Class="VisualRibbonEditor.ElementEditor"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="200" d:DesignWidth="800">

	<Grid x:Name="LayoutRoot" Background="White" >
		<StackPanel>
			<StackPanel Orientation="Horizontal">
				<Image Name="RightArrow" Source="/VisualRibbonEditor;component/Assets/rightArrow.png" Cursor="Hand" MouseLeftButtonDown="Arrow_MouseLeftButtonDown" />
				<Image Name="DownArrow" Source="/VisualRibbonEditor;component/Assets/downArrow.png" Cursor="Hand" MouseLeftButtonDown="Arrow_MouseLeftButtonDown" />
				<Border Name="NameBorder">
					<TextBlock Name="NameLabel" Text="ElementName" FontSize="13" Margin="6,0,0,0" />
				</Border>
				<TextBlock Focusable="True" Margin="20,0,0,0" Text="Remove" Foreground="#FF007EFF" 
						   TextDecorations="Underline" Cursor="Hand" VerticalAlignment="Center" Name="DeleteButton" 
						   MouseLeftButtonDown="DeleteButton_Click" KeyDown="DeleteButton_KeyDown"  />

				<StackPanel VerticalAlignment="Center" Margin="10,0,0,0">
					<TextBlock Text="Add..." Foreground="#FF007EFF" Cursor="Hand" TextDecorations="Underline" Focusable="True"
							   Name="NewButton" MouseLeftButtonDown="NewButton_Click" HorizontalAlignment="Left" KeyDown="NewButton_KeyDown" />
					
					<Popup IsOpen="True" Name="NewPopup"  >
						<!--<Border BorderBrush="Black" MinWidth="100" BorderThickness="1" Background="White" >
							<StackPanel Name="NewButtonStack" >
								<TextBlock Text="Test1" />
								<TextBlock Text="Test1" />
							</StackPanel>
						</Border>-->

						<Border BorderBrush="#666666" MinWidth="100" BorderThickness="1" Background="White" >
							<Grid>
								<Grid.ColumnDefinitions>
									<ColumnDefinition Width="Auto" />
									<ColumnDefinition Width="Auto" />
								</Grid.ColumnDefinitions>

								<StackPanel Name="NewButtonStack" Grid.Column="0" Margin="4" >
									<!--<TextBlock Text="Test1" />
									<TextBlock Text="Test1" />
									<TextBlock Text="Test1" />-->
								</StackPanel>

								<StackPanel Grid.Column="1" Margin="20,4,4,4">
									<!--<TextBlock Text="Test1" FontWeight="Bold" Name="NewMenuTitle" Foreground="#666666" FontStyle="Italic" />-->
									<TextBlock TextWrapping="Wrap" Width="250" Name="NewMenuDescription" Foreground="#666666" FontStyle="Italic"
										Text="" />
								</StackPanel>

							</Grid>
						</Border>

					</Popup>
				
				</StackPanel>
			
			</StackPanel>
			<StackPanel Name="DetailStack" Margin="20,0">
				
				<Border  Background="#FFFAFAFF"   BorderThickness="1" HorizontalAlignment="Left" Padding="2" Name="DetailGridBorder" >
					<Grid Name="DetailGrid" >
						<Grid.RowDefinitions>
							<RowDefinition Height="Auto" />
							<RowDefinition Height="Auto" />
						</Grid.RowDefinitions>
						<Grid.ColumnDefinitions>
							<ColumnDefinition Width="Auto" />
							<ColumnDefinition Width="Auto" />
						</Grid.ColumnDefinitions>
					</Grid>
				</Border>
				
				

				<StackPanel Name="ChildElements" Margin="20,0,0,0">

				</StackPanel>
				
			</StackPanel>
		</StackPanel>
	</Grid>


</UserControl>
